<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统登录</title>
    <script src="assets/vendor/react.development.js"></script>
    <script src="assets/vendor/react-dom.development.js"></script>
    <script src="assets/vendor/babel.min.js"></script>
    <script src="assets/vendor/tailwind.js"></script>
    <script type="text/babel" src="assets/js/utils.js"></script>
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/common.css">
    <link rel="stylesheet" href="assets/css/auth.css">
    <link rel="stylesheet" href="assets/css/background.css">
    <script>
        // 如果已登录则直接跳转
        (function(){
            try {
                if (localStorage.getItem('auth.loggedIn') === 'true') {
                    window.location.replace('index.html');
                }
            } catch (e) {}
        })();
    </script>
    <script type="text/babel" src="assets/js/login.js"></script>
</head>
<body>
    <!-- 背景几何图形 -->
    <div class="bg-shapes">
        <div class="shape circle bg-element-1"></div>
        <div class="shape square bg-element-2"></div>
        <div class="shape circle bg-element-3"></div>
        <div class="shape plus bg-element-4">+</div>
        <div class="shape dna bg-element-5"></div>
        <div class="shape circle bg-element-6"></div>
        <div class="shape square bg-element-7"></div>
    </div>

    <!-- React渲染的容器 -->
    <div id="root" style="display: flex; align-items: center; justify-content: center;"></div>
</body>
</html>

